<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/pages/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <title>${fns:getProjectTitle()}</title>

    <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'>

    <%@ include file="/WEB-INF/pages/include/baseCSS.jsp"%>


</head>

<body class="dashboard-page">

<!-------------------------------------------------------------+
  <body> Helper Classes:
---------------------------------------------------------------+
  '.sb-l-o' - Sets Left Sidebar to "open"
  '.sb-l-m' - Sets Left Sidebar to "minified"
  '.sb-l-c' - Sets Left Sidebar to "closed"

  '.sb-r-o' - Sets Right Sidebar to "open"
  '.sb-r-c' - Sets Right Sidebar to "closed"
---------------------------------------------------------------+
 Example: <body class="example-page sb-l-o sb-r-c">
 Results: Sidebar left Open, Sidebar right Closed
--------------------------------------------------------------->

<%@ include file="/WEB-INF/pages/basic/theme.jsp"%>

<!-- Start: Main -->
<div id="main">

    <!-----------------------------------------------------------------+
       ".navbar" Helper Classes:
    -------------------------------------------------------------------+
       * Positioning Classes:
        '.navbar-static-top' - Static top positioned navbar
        '.navbar-static-top' - Fixed top positioned navbar

       * Available Skin Classes:
         .bg-dark    .bg-primary   .bg-success
         .bg-info    .bg-warning   .bg-danger
         .bg-alert   .bg-system
    -------------------------------------------------------------------+
      Example: <header class="navbar navbar-fixed-top bg-primary">
      Results: Fixed top navbar with blue background
    ------------------------------------------------------------------->

    <!-- Start: Header -->
    <header class="navbar navbar-fixed-top navbar-shadow">
        <div class="navbar-branding">
            <a class="navbar-brand" href="dashboard.html">
                <b>${fns:getProjectTitle()}</b>
            </a>
            <span id="toggle_sidemenu_l" class="ad ad-lines"></span>
        </div>
        <ul class="nav navbar-nav navbar-left">
            <li class="dropdown menu-merge hidden-xs">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown
                    <span class="caret caret-tp"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                </ul>
            </li>
            <li class="hidden-xs">
                <a class="request-fullscreen toggle-active" href="#">
                    <span class="ad ad-screen-full fs18"></span>
                </a>
            </li>
        </ul>
        <form class="navbar-form navbar-left navbar-search alt" role="search">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="我要搜索...">
            </div>
        </form>
        <ul class="nav navbar-nav navbar-right">
            <li>
                <div class="navbar-btn btn-group">
                    <a href="#" class="topbar-menu-toggle btn btn-sm" data-toggle="button">
                        <span class="ad ad-wand"></span>
                    </a>
                </div>
            </li>
            <li class="dropdown menu-merge">
                <div class="navbar-btn btn-group">
                    <button data-toggle="dropdown" class="btn btn-sm dropdown-toggle">
                        <span class="fa fa-bell-o fs14 va-m"></span>
                        <span class="badge badge-danger">9</span>
                    </button>
                    <div class="dropdown-menu dropdown-persist w350 animated animated-shorter fadeIn" role="menu">
                        <div class="panel mbn">
                            <div class="panel-menu">
                                <span class="panel-icon"><i class="fa fa-clock-o"></i></span>
                                <span class="panel-title fw600"> Recent Activity</span>
                                <button class="btn btn-default light btn-xs pull-right" type="button"><i
                                        class="fa fa-refresh"></i></button>
                            </div>
                            <div class="panel-body panel-scroller scroller-navbar scroller-overlay scroller-pn pn">
                                <ol class="timeline-list">
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-dark light">
                                            <span class="fa fa-tags"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Michael</b> Added to his store:
                                            <a href="#">Ipod</a>
                                        </div>
                                        <div class="timeline-date">1:25am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-dark light">
                                            <span class="fa fa-tags"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Sara</b> Added his store:
                                            <a href="#">Notebook</a>
                                        </div>
                                        <div class="timeline-date">3:05am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-success">
                                            <span class="fa fa-usd"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Software</a>
                                        </div>
                                        <div class="timeline-date">4:15am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-success">
                                            <span class="fa fa-usd"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Apple</a>
                                        </div>
                                        <div class="timeline-date">7:45am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-success">
                                            <span class="fa fa-usd"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Software</a>
                                        </div>
                                        <div class="timeline-date">4:15am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-success">
                                            <span class="fa fa-usd"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Apple</a>
                                        </div>
                                        <div class="timeline-date">7:45am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-dark light">
                                            <span class="fa fa-tags"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Michael</b> Added his store:
                                            <a href="#">Ipod</a>
                                        </div>
                                        <div class="timeline-date">8:25am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-system">
                                            <span class="fa fa-fire"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Admin</b> created invoice for:
                                            <a href="#">Software</a>
                                        </div>
                                        <div class="timeline-date">4:15am</div>
                                    </li>
                                    <li class="timeline-item">
                                        <div class="timeline-icon bg-dark light">
                                            <span class="fa fa-tags"></span>
                                        </div>
                                        <div class="timeline-desc">
                                            <b>Sara</b> Added to his store:
                                            <a href="#">Notebook</a>
                                        </div>
                                        <div class="timeline-date">3:05am</div>
                                    </li>
                                </ol>

                            </div>
                            <div class="panel-footer text-center p7">
                                <a href="#" class="link-unstyled"> View All </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="dropdown menu-merge">
                <div class="navbar-btn btn-group">
                    <button data-toggle="dropdown" class="btn btn-sm dropdown-toggle">
                        <span class="ad ad-radio-tower fs14 va-m"></span>
                        <span class="badge">5</span>
                    </button>
                    <div class="dropdown-menu dropdown-persist w375 animated animated-shorter fadeIn" role="menu">
                        <div class="panel mbn">
                            <div class="panel-menu">
                                <div class="btn-group btn-group-justified btn-group-nav" role="tablist">
                                    <a href="#nav-tab1" data-toggle="tab" class="btn btn-default btn-sm active">Notifications</a>
                                    <a href="#nav-tab2" data-toggle="tab" class="btn btn-default btn-sm br-l-n br-r-n">Messages</a>
                                    <a href="#nav-tab3" data-toggle="tab" class="btn btn-default btn-sm">Activity</a>
                                </div>
                            </div>
                            <div class="panel-body panel-scroller scroller-navbar pn">
                                <div class="tab-content br-n pn">
                                    <div id="nav-tab1" class="tab-pane alerts-widget active" role="tabpanel">
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-user text-info"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Registration
                                                    <small class="text-muted"></small>
                                                </h5>
                                                Tyler Durden - 16 hours ago

                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Approve?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-remove"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-shopping-cart text-success"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Order
                                                    <small class="text-muted"></small>
                                                </h5>
                                                <a href="#">Apple Ipod</a> - 4 hours ago
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Confirm?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-print"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-comment text-system"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Comment
                                                    <small class="text-muted"></small>
                                                </h5>
                                                Mike - I loved your article!
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response text-right"> Moderate?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-pencil"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-star text-warning"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Review
                                                    <small class="text-muted"></small>
                                                </h5>
                                                Sammy Hilton - 4 hours ago
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Approve?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-remove"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-user text-info"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Registration
                                                    <small class="text-muted"></small>
                                                </h5>
                                                Michael Sober - 7 hours ago
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Approve?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-remove"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-usd text-alert"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Invoice
                                                    <small class="text-muted"></small>
                                                </h5>
                                                <a href="#">Apple Ipod</a> - 4 hours ago

                                            </div>
                                            <div class="media-right">
                                                <div class="media-response single">#518358</div>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <a class="media-left" href="#"> <span
                                                    class="glyphicon glyphicon-shopping-cart text-success"></span> </a>

                                            <div class="media-body">
                                                <h5 class="media-heading">New Order
                                                    <small class="text-muted"></small>
                                                </h5>
                                                <a href="#">Apple Ipod</a> - 4 hours ago
                                            </div>
                                            <div class="media-right">
                                                <div class="media-response"> Confirm?</div>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-check text-success"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-default btn-xs light">
                                                        <i class="fa fa-print"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="nav-tab2" class="tab-pane chat-widget" role="tabpanel">
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="${ctxStatic}/assets/img/avatars/3.jpg">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <span class="media-status online"></span>
                                                <h5 class="media-heading">Courtney Faught
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
                                                ante sollicitudin.
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                <span class="media-status offline"></span>
                                                <h5 class="media-heading">Joe Gibbons
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                                scelerisque.
                                            </div>
                                            <div class="media-right">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="${ctxStatic}/assets/img/avatars/1.jpg">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="${ctxStatic}/assets/img/avatars/2.jpg">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <span class="media-status online"></span>
                                                <h5 class="media-heading">Courtney Faught
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metuscommodo.
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                <span class="media-status offline"></span>
                                                <h5 class="media-heading">Joe Gibbons
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in Nulla vel metus scelerisque antecommodo.
                                            </div>
                                            <div class="media-right">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="${ctxStatic}/assets/img/avatars/1.jpg">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="${ctxStatic}/assets/img/avatars/2.jpg">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <span class="media-status online"></span>
                                                <h5 class="media-heading">Courtney Faught
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
                                                soltudino.
                                            </div>
                                        </div>
                                        <div class="media">
                                            <div class="media-body">
                                                <span class="media-status offline"></span>
                                                <h5 class="media-heading">Joe Gibbons
                                                    <small> - 12:30am</small>
                                                </h5>
                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
                                                ante sollicitudin commodo.
                                            </div>
                                            <div class="media-right">
                                                <a href="#">
                                                    <img class="media-object" alt="64x64"
                                                         src="${ctxStatic}/assets/img/avatars/1.jpg">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="nav-tab3" class="tab-pane scroller-nm" role="tabpanel">
                                        <ul class="media-list" role="menu">
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="${ctxStatic}/assets/img/avatars/5.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="${ctxStatic}/assets/img/avatars/2.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading mv5">Article
                                                        <small> - 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="${ctxStatic}/assets/img/avatars/3.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="${ctxStatic}/assets/img/avatars/4.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading mv5">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="${ctxStatic}/assets/img/avatars/5.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="${ctxStatic}/assets/img/avatars/2.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading mv5">Article
                                                        <small> - 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <a class="media-left" href="#"> <img src="${ctxStatic}/assets/img/avatars/3.jpg"
                                                                                     class="mw40" alt="avatar"> </a>

                                                <div class="media-body">
                                                    <h5 class="media-heading">Article
                                                        <small class="text-muted">- 08/16/22</small>
                                                    </h5>
                                                    Last Updated 36 days ago by
                                                    <a class="text-system" href="#"> Max </a>
                                                </div>
                                            </li>
                                        </ul>
                                        <table class="table table-striped hidden">
                                            <thead>
                                            <tr>
                                                <th>First Name</th>
                                                <th>Last Name</th>
                                                <th>Username</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>Mark</td>
                                                <td>Otto</td>
                                                <td>@mdo</td>
                                            </tr>
                                            <tr>
                                                <td>Jacob</td>
                                                <td>Thornton</td>
                                                <td>@fat</td>
                                            </tr>
                                            <tr>
                                                <td>Larry</td>
                                                <td>the Bird</td>
                                                <td>@twitter</td>
                                            </tr>
                                            <tr>
                                                <td>Sussy</td>
                                                <td>Watcher</td>
                                                <td>@thehawk</td>
                                            </tr>
                                            <tr>
                                                <td>Mark</td>
                                                <td>Otto</td>
                                                <td>@mdo</td>
                                            </tr>
                                            <tr>
                                                <td>Sussy</td>
                                                <td>Watcher</td>
                                                <td>@thehawk</td>
                                            </tr>
                                            <tr>
                                                <td>Jacob</td>
                                                <td>Thornton</td>
                                                <td>@fat</td>
                                            </tr>
                                            <tr>
                                                <td>Larry</td>
                                                <td>the Bird</td>
                                                <td>@twitter</td>
                                            </tr>
                                            <tr>
                                                <td>Sussy</td>
                                                <td>Watcher</td>
                                                <td>@thehawk</td>
                                            </tr>
                                            <tr>
                                                <td>Mark</td>
                                                <td>Otto</td>
                                                <td>@mdo</td>
                                            </tr>
                                            <tr>
                                                <td>Jacob</td>
                                                <td>Thornton</td>
                                                <td>@fat</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-footer text-center p7">
                                <a href="#" class="link-unstyled"> View All </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="dropdown menu-merge">
                <div class="navbar-btn btn-group">
                    <button data-toggle="dropdown" class="btn btn-sm dropdown-toggle">
                        <span class="flag-xs flag-us"></span>
                        <!-- <span class="caret"></span> -->
                    </button>
                    <ul class="dropdown-menu pv5 animated animated-short flipInX" role="menu">
                        <li>
                            <a href="javascript:void(0);">
                                <span class="flag-xs flag-in mr10"></span> Hindu </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="flag-xs flag-tr mr10"></span> Turkish </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="flag-xs flag-es mr10"></span> Spanish </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="menu-divider hidden-xs">
                <i class="fa fa-circle"></i>
            </li>
            <li class="dropdown menu-merge">
                <a href="#" class="dropdown-toggle fw600 p15" data-toggle="dropdown">
                    <img src="${ctxStatic}/assets/img/avatars/1.jpg" alt="avatar" class="mw30 br64">
                    <span class="hidden-xs pl15"> 管理员 </span>
                    <span class="caret caret-tp hidden-xs"></span>
                </a>
                <ul class="dropdown-menu list-group dropdown-persist w250" role="menu">
                    <li class="dropdown-header clearfix">
                        <div class="pull-left ml10">
                            <select id="user-status">
                                <optgroup label="当前状态:">
                                    <option value="1-1">离开</option>
                                    <option value="1-2">离线</option>
                                    <option value="1-3" selected="selected">在线</option>
                                </optgroup>
                            </select>
                        </div>

                        <div class="pull-right mr10">
                            <select id="user-role">
                                <optgroup label="登录方式:">
                                    <option value="1-1">观察者</option>
                                    <option value="1-2">开发者</option>
                                    <option value="1-3" selected="selected">管理员</option>
                                </optgroup>
                            </select>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <a href="#" class="animated animated-short fadeInUp">
                            <span class="fa fa-envelope"></span> 消息
                            <span class="label label-warning">2</span>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#" class="animated animated-short fadeInUp">
                            <span class="fa fa-user"></span> 好友
                            <span class="label label-warning">6</span>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#" class="animated animated-short fadeInUp">
                            <span class="fa fa-bell"></span> 通知 </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#" class="animated animated-short fadeInUp">
                            <span class="fa fa-gear"></span> 设置 </a>
                    </li>
                    <li class="dropdown-footer">
                        <a href="${ctx}/logout" class="">
                            <span class="fa fa-power-off pr5"></span> 退出 </a>
                    </li>
                </ul>
            </li>
        </ul>
    </header>
    <!-- End: Header -->

    <!-----------------------------------------------------------------+
       "#sidebar_left" Helper Classes:
    -------------------------------------------------------------------+
       * Positioning Classes:
        '.affix' - Sets Sidebar Left to the fixed position

       * Available Skin Classes:
         .sidebar-dark (default no class needed)
         .sidebar-light
         .sidebar-light.light
    -------------------------------------------------------------------+
       Example: <aside id="sidebar_left" class="affix sidebar-light">
       Results: Fixed Left Sidebar with light/white background
    ------------------------------------------------------------------->

    <!-- Start: Sidebar -->
    <aside id="sidebar_left" class="nano nano-light affix">

        <!-- Start: Sidebar Left Content -->
        <div class="sidebar-left-content nano-content">

            <!-- Start: Sidebar Header -->
            <header class="sidebar-header">

                <!-- Sidebar Widget - Author -->
                <div class="sidebar-widget author-widget">
                    <div class="media">
                        <a class="media-left" href="#">
                            <img src="${ctxStatic}/assets/img/avatars/3.jpg" class="img-responsive">
                        </a>

                        <div class="media-body">
                            <div class="media-links">
                                <a href="#" class="sidebar-menu-toggle">用户菜单 -</a> <a href="${ctx}/logout">退出</a>
                            </div>
                            <div class="media-author">系统管理员</div>
                        </div>
                    </div>
                </div>

                <!-- Sidebar Widget - Menu (slidedown) -->
                <div class="sidebar-widget menu-widget">
                    <div class="row text-center mbn">
                        <div class="col-xs-4">
                            <a href="dashboard.html" class="text-primary" data-toggle="tooltip" data-placement="top"
                               title="Dashboard">
                                <span class="glyphicon glyphicon-home"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_messages.html" class="text-info" data-toggle="tooltip" data-placement="top"
                               title="Messages">
                                <span class="glyphicon glyphicon-inbox"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_profile.html" class="text-alert" data-toggle="tooltip" data-placement="top"
                               title="Tasks">
                                <span class="glyphicon glyphicon-bell"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_timeline.html" class="text-system" data-toggle="tooltip" data-placement="top"
                               title="Activity">
                                <span class="fa fa-desktop"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_profile.html" class="text-danger" data-toggle="tooltip" data-placement="top"
                               title="Settings">
                                <span class="fa fa-gears"></span>
                            </a>
                        </div>
                        <div class="col-xs-4">
                            <a href="pages_gallery.html" class="text-warning" data-toggle="tooltip" data-placement="top"
                               title="Cron Jobs">
                                <span class="fa fa-flask"></span>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Sidebar Widget - Search (hidden) -->
                <div class="sidebar-widget search-widget hidden">
                    <div class="input-group">
              <span class="input-group-addon">
                <i class="fa fa-search"></i>
              </span>
                        <input type="text" id="sidebar-search" class="form-control" placeholder="Search...">
                    </div>
                </div>

            </header>
            <!-- End: Sidebar Header -->

           <%@ include file="/WEB-INF/pages/basic/menu.jsp"%>

            <!-- Start: Sidebar Collapse Button -->
            <div class="sidebar-toggle-mini">
                <a href="#">
                    <span class="fa fa-sign-out"></span>
                </a>
            </div>
            <!-- End: Sidebar Collapse Button -->

        </div>
        <!-- End: Sidebar Left Content -->

    </aside>
    <!-- End: Sidebar Left -->

    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">

        <!-- Start: Topbar-Dropdown -->
        <div id="topbar-dropmenu" class="alt">
            <div class="topbar-menu row">
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-primary light">
                        <span class="glyphicon glyphicon-inbox text-muted"></span>
                        <span class="metro-title">Messages</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-info light">
                        <span class="glyphicon glyphicon-user text-muted"></span>
                        <span class="metro-title">Users</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-success light">
                        <span class="glyphicon glyphicon-headphones text-muted"></span>
                        <span class="metro-title">Support</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-system light">
                        <span class="glyphicon glyphicon-facetime-video text-muted"></span>
                        <span class="metro-title">Videos</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-warning light">
                        <span class="fa fa-gears text-muted"></span>
                        <span class="metro-title">Settings</span>
                    </a>
                </div>
                <div class="col-xs-4 col-sm-2">
                    <a href="#" class="metro-tile bg-alert light">
                        <span class="glyphicon glyphicon-picture text-muted"></span>
                        <span class="metro-title">Pictures</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- End: Topbar-Dropdown -->

        <!-- Start: Topbar -->
        <header id="topbar" class="alt">
            <div class="topbar-left">
                <ol class="breadcrumb">
                    <li class="crumb-active">
                        <a href="${ctx}#/dashboard">控制台</a>
                    </li>
                    <li class="crumb-link">
                        <a href="index.html">首页</a>
                    </li>
                    <li class="crumb-icon">
                        <a href="#">
                            <span class="glyphicon glyphicon-home"></span>
                        </a>
                    </li>
                    <li class="crumb-trail">首界面</li>
                </ol>
            </div>
            <div class="topbar-right">
                <div class="ib topbar-dropdown">
                    <label for="topbar-multiple" class="control-label pr10 fs11 text-muted">Reporting Period</label>
                    <select id="topbar-multiple" class="hidden">
                        <optgroup label="Filter By:">
                            <option value="1-1">Last 30 Days</option>
                            <option value="1-2" selected="selected">Last 60 Days</option>
                            <option value="1-3">Last Year</option>
                        </optgroup>
                    </select>
                </div>
                <div class="ml15 ib va-m" id="toggle_sidemenu_r">
                    <a href="#" class="pl5">
                        <i class="fa fa-sign-in fs22 text-primary"></i>
                        <span class="badge badge-danger badge-hero">3</span>
                    </a>
                </div>
            </div>
        </header>
        <!-- End: Topbar -->

        <!-- Begin: Content -->
        <section id="content" class="table-layout animated fadeIn" style="height: 520px;">
        ${pageContext.request.queryString}
			<iframe id="mainFrame" name="mainFrame" src="" style="overflow:visible;height: 500px;" scrolling="yes" frameborder="no" width="100%" height="100%"></iframe>
        </section>
        <!-- End: Content -->

        <!-- Begin: Page Footer -->
        <footer id="content-footer" class="affix">
            <div class="row">
                <div class="col-md-6">
                    <span class="footer-legal">© 2016 开源内裤团队</span>
                </div>
                <div class="col-md-6 text-right">
                    <span class="footer-meta">60GB of <b>350GB</b> Free</span>
                    <a href="#content" class="footer-return-top">
                        <span class="fa fa-arrow-up"></span>
                    </a>
                </div>
            </div>
        </footer>
        <!-- End: Page Footer -->
    </section>
    <!-- End: Content-Wrapper -->
	<%@ include file="/WEB-INF/pages/basic/right.jsp"%>
</div>
<!-- End: Main -->

<!-- START: PAGE SCRIPTS -->
<%@ include file="/WEB-INF/pages/include/baseJS.jsp"%>
<script type="text/javascript">
    jQuery(document).ready(function () {
		
        "use strict";

        // Init Demo JS
        Demo.init();

        // Init Theme Core
        Core.init();
        
        
		$(".menu-mian-clazz").click(function(){
			var i_href = this.href;
			var i_index = i_href.indexOf("#");
			if(i_index>0){
				var i_path = i_href.substr(i_index+1);
				if(i_path!="#/404"){
					$("#mainFrame").attr("src","${ctx}"+$.trim(i_path))
					var trail = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-trail");
					trail.html($(this).find(".sidebar-title").text());
				}
			}
		})
		
		$("#menu-index").click(function(){
			var i_href = this.href;
			var i_index = i_href.indexOf("#");
			if(i_index>0){
				var i_path = i_href.substr(i_index+1);
				$("#mainFrame").attr("src","${ctx}"+$.trim(i_path));
				var active = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-active").find("a");
				var icon = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-icon").find("a");
				var link = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-link").find("a");
				var trail = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-trail");
				icon.find("span").removeClass().addClass($(this).find(".glyphicon").attr("class"));
				link.html("首页");
				trail.html("首界面");
				link.attr("href","${ctx}#/dashboard");
				icon.attr("href","${ctx}#/dashboard");
				active.attr("href","${ctx}#/dashboard");
				icon.click(function(){
					$("#menu-index").click();
				});
			}
		})
		
		$(".menu-clazz").click(function(){
			var $this = this;
			var i_href = this.href;
			var i_index = i_href.indexOf("#");
			if(i_index>0){
				var i_path = i_href.substr(i_index+1);
				$("#mainFrame").attr("src","${ctx}"+$.trim(i_path));
				var active = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-active").find("a");
				var icon = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-icon").find("a");
				var link = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-link").find("a");
				var trail = $("#topbar").find(".topbar-left").find(".breadcrumb").find(".crumb-trail");
				icon.find("span").removeClass().addClass($(this).find(".fa").attr("class"));
				link.html($(this).parents("ul").siblings("a").find(".sidebar-title").text());
				link.attr("href",$(this).parents("ul").siblings("a").attr("href"));
				//icon.attr("href",$(this).href());
				trail.html($(this).text());
				
				icon.click(function(){
					$($this).click();
				});
				link.click(function(){
					var upa =$($this).parents("ul").siblings("a");
					var upa_index = upa.attr("href").indexOf("#");
					if(upa_index>0){
						var upa_path = upa.href.substr(i_index);
						if(upa_path!="#/404"&&upa!="#")
							upa.click();
					}
				});
				active.click(function(){
					$("#menu-index").click();
				});
			}
		})
		
		var href = window.location.href;
		var index = href.indexOf("#");
		if(index>0){
			var _path = href.substr(index);
			if(_path.length==1)
				$("#mainFrame").attr("src","${ctx}/dashboard"); 
			var links = $(".menu-clazz");
			for(var i =0;i<links.length;i++){
				var _index = links[i].href.indexOf("#");
				if(_index>0){
					var v_path = links[i].href.substr(_index);
					if(_path==v_path){
						$("#"+links[i].id).click();
						break;
					}
				}
			}
		}else
        	$("#mainFrame").attr("src","${ctx}/dashboard"); 
    });
</script>
<!-- END: PAGE SCRIPTS -->

</body>

</html>
